<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客详情</title>
    <link rel="stylesheet" href="./css/blog.css">
    <script type="text/javascript" src="../first-ui/components/Header/first-header-a.js"></script>
    <script src="../first-ui/components/Footer/index.js"></script>
</head>
<script>
</script>

<body>
    <first-header-a></first-header-a>
    <style>

    </style>
    </head>

    <body>
        <div class="container">
            <div class="left">
                <!-- 个人卡片 -->
                <div class="profile">
                    <div class="card">
                        <div class="imgBox">
                            <img src="http://q2.qlogo.cn/headimg_dl?dst_uin=2770496921&spec=640" alt="">
                        </div>
                        <div class="content">
                            <div class="details">
                                <div class="group">
                                    <h4>作者:&nbsp;<span>张金鑫</span></h4>
                                    <h4>院校:&nbsp;<span>马鞍山学院</span></h4>
                                    <h4>学院:&nbsp;<span>腾讯云大数据学院</span></h4>
                                    <h4>专业:&nbsp;<span>计算机科学与技术</span></h4>
                                </div>
                                <div class="data">
                                    <div>
                                        <h3>14 <br><span>动态</span></h3>
                                    </div>
                                    <span style="border:solid 0.1px #555;"></span>
                                    <div>
                                        <h3>33 <br><span>关注</span></h3>
                                    </div>
                                    <span style="border:solid 1px #555;"></span>
                                    <div>
                                        <h3>10 <br><span>粉丝</span></h3>
                                    </div>
                                </div>
                                <div class="Btn">
                                    <button>+关注</button>
                                    <button><span><svg t="1683123965373" class="icon" viewBox="0 0 1024 1024"
                                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2236" width="200"
                                                height="200">
                                                <path
                                                    d="M887.808 841.04533332H129.024c-35.84 0-65.024-29.184-65.024-65.024V219.98933332c0-35.84 29.184-65.024 65.024-65.024h759.296c35.84 0 65.024 29.184 65.024 65.024v556.032c-0.512 35.84-29.696 65.024-65.536 65.024zM129.024 206.16533332c-7.68 0-13.824 6.144-13.824 13.824v556.032c0 7.68 6.144 13.824 13.824 13.824h759.296c7.68 0 13.824-6.144 13.824-13.824V219.98933332c0-7.68-6.144-13.824-13.824-13.824H129.024z"
                                                    fill="#000000" p-id="2237"></path>
                                                <path
                                                    d="M486.912 555.86133332L203.264 272.21333332c-10.24-10.24-10.24-26.112 0-36.352s26.112-10.24 36.352 0l283.648 283.648c10.24 10.24 10.24 26.112 0 36.352-10.24 9.728-26.624 9.728-36.352 0z"
                                                    fill="#000000" p-id="2238"></path>
                                                <path
                                                    d="M813.568 271.18933332l-283.648 283.648c-10.24 10.24-26.112 10.24-36.352 0s-10.24-26.112 0-36.352l283.648-283.648c10.24-10.24 26.112-10.24 36.352 0 9.728 10.24 9.728 26.624 0 36.352z"
                                                    fill="#000000" p-id="2239"></path>
                                            </svg></span> <span>私信</span> </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 热门推荐 -->
                <div class="hot-recommend">
                    <div>
                        <h2>热门推荐</h2>
                        <div> <a href="#">Spring核心原理解析</a></div>
                        <div> <a href="#">深入理解Spring Bean生命周期</a></div>
                        <div> <a href="#">Spring AOP详解与实战</a></div>
                        <div> <a href="#">Spring事务管理最佳实践</a></div>
                        <div> <a href="#">Spring Boot快速入门</a></div>
                        <div> <a href="#">Spring Cloud微服务架构</a></div>
                    </div>
                </div>
            </div>
            <div class="article">
                <h3>重学 Java 设计模式</h3>
                <div class="date">2024-12-23</div>
                <p>设计模式是软件开发中重要的知识体系之一，它可以帮助我们更好地组织代码，提升代码的可维护性和扩展性。在本篇文章中，我们将深入探讨 Java 设计模式，并从以下几个方面入手：</p>
                <ul>
                    <li>什么是设计模式？</li>
                    <li>设计模式的分类及特点</li>
                    <li>如何在实际开发中应用设计模式</li>
                </ul>
                <p>首先，设计模式是一种经过总结和优化的代码结构和解决方案，旨在解决软件开发中常见的问题。它不仅是编程的技巧，也是开发人员思维模式的体现。</p>
                <p>其次，设计模式可以分为三大类：创建型模式、结构型模式和行为型模式。例如，单例模式是创建型模式的一种，适用于需要确保一个类只有一个实例的场景；而观察者模式属于行为型模式，常用于事件驱动的架构。</p>
                <p>最后，通过具体案例来说明设计模式的实际应用。比如，在开发一个日志系统时，我们可以使用装饰器模式来动态增加功能；在构建一个电商平台时，可以利用工厂模式来创建商品对象。</p>
                <p>通过本文的学习，希望你能够掌握设计模式的基本原理，并能在项目中熟练应用，为你的代码注入更多的优雅与智慧。</p>
            </div>
        </div>
        <!-- 尾部 -->
        <first-footer></first-footer>
    </body>
</html>